<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      >
      
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        Hello from Facelets
        <h:form>
        <p:spinner />
        <p:calendar/>
        
        </h:form>
        <div style="position: absolute; width: 80%; height: 300px">
        <p:accordionPanel>
            
<p:tab title="First Tab Title">
<h:outputText value= "Lorem"/>
...More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab

</p:tab>
<p:tab title="Second Tab Title">
<h:outputText value="Ipsum" />
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
</p:tab>
<p:tab title="Third Tab Title">
<h:outputText value="Ipsum" />
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
</p:tab>
<p:tab title="Fourth Tab Title">
<h:outputText value="Ipsum" />
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
..More content for first tab
</p:tab>
//any number of tabs
        </p:accordionPanel><br></br>
            <h:form>    
                <p:breadCrumb >
<p:menuitem value="Categories" url="#" />
<p:menuitem value="Sports" url="#" />
<p:menuitem value="Football" url="#" />
<p:menuitem value="Countries" url="#" />
<p:menuitem value="Spain" url="#" />
<p:menuitem value="F.C. Barcelona" url="#" />
<p:menuitem value="Squad" url="#" />
<p:menuitem value="Lionel Messi" url="#" />
</p:breadCrumb>
            </h:form>
        </div>
        
    </h:body>
</html>

